HTMLify

Landing Page.html
Views: 205 | Author: shubh
<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="LandingPageStyle.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">


    <title>Landing Page</title>
</head>

<body>
    <div class="nav">
        <div class="navbar1">
            <a href="#">HOME</a>
            <a href="#">ABOUT</a>
            <a href="#">BLOG</a>
        </div>
        <div class="navbar2">
            <a href="#">HELP</a>
            <a href="#">CONTACT</a>
            <a href="#">SHOP</a>
        </div>
    </div>
    <header>
        <p>LARA</p>
    </header>

    <img src="jewerlery.jpg" alt="Jewelleryimage" height="300" width="350">
    <section class="container">
        <h1>Beautify Your Look</h1>
        <h2>CHOOSE WHAT MAKES YOUR HEART BLOOM</h2>
        <h3>Your best jewelry partner</h3>
        <button><b>SHOP NOW</b></button>
    </section>
    <div class="footer">

        <i><a href="https://www.x.com" class="fa fab fab fab fa-twitter"></a></i>
        <i><a href="https://www.facebook.com" class="fa fab fab fab fab fab fa-facebook-square"></a></i>
        <i><a href="https://www.instagram.com" class="fa fab fab fab fa-instagram"></a></i>

        <i><a href="https://www.pinterest.com" class="fa fab fab fab fa-pinterest"></a></i><br>
        copyright&copy; 2024 Lara.All rights reserved.
    </div>
</body>

</html>

Comments